<ion-view>
  <ion-header-bar class="bar bar-header header">
    <h1 class="title" on-touch="backToTop()">书架</h1>
  </ion-header-bar>
 <div class="bar bar-subheader gray-bg">
   <div class="tabs tads-nav">
     <a class="tab-item" ng-class="{'active':showWhich[0]}" on-touch="showVideo()">视频</a>
     <a class="tab-item" ng-class="{'active':showWhich[1]}" on-touch="showMagazine()">杂志</a>
     <a class="tab-item" ng-class="{'active':showWhich[2]}" on-touch="showBook()">丛书</a>
   </div>
 </div>
  <ion-content class="gray-bg has-subheader">
    <tab-slide-box tab="0">
    <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)" delegate-handle="tabSlider">
      <ion-slide>
        <!--视频列表-->
        <ion-content class="gray-bg">
          <ion-refresher
            pulling-text="下拉刷新..."
            on-refresh="doRefreshVideo()"></ion-refresher>
          <div class="video-item" style="margin-top:6px;">
            <!--<ul class="video-list clearfix">
              <li class="video-li" ng-repeat="item in videoList">
                &lt;!&ndash;<a ng-href="#/video-details/{{item.video_id}}">&ndash;&gt;
                <a ng-href="#/videoMore">
                  <div class="video-li-box">
                    <div class="video-li-pic">
                      <em class="video-li-time" ng-bind="item.video_time_length"></em>
                      <i class="video-li-play-icon"></i>
                      <span class="video-black-bg"></span>
                      <img ng-src="{{picPath}}{{item.video_background}}" alt=""/>
                    </div>
                  </div>
                </a>
                <div class="video-li-tit">
                  <i on-touch="collectVideo(item.video_id,$index)" class="video-li-icon fr" ng-class="{'active':item.vcStatus}"></i>{{item.video_title}}</div>
              </li>
            </ul>-->
             <ul class="video-list clear-fix">
                <li class="video-li-c" ng-repeat="video in videoList1">
                    <div class="video-title">
                      <img src="{{video.icon}}" class="video-title-icon">
                      <span >{{video.title}}</span>
                      <a ng-href="#/videoMore">更多&nbsp;<span style="font-weight: 600;font-size: 16px;">&gt;</span></a>
                    </div>
                    <div ng-repeat="item in video.videoList" class="video-div-item video-div-item{{$index}}">
                      <a ng-href="#/video-details/{{item.video_id}}">
                        <div class="video-li-box video-li-box{{$index}}">
                          <div class="video-li-pic">
                            <em class="video-li-time" ng-bind="item.video_time_length"></em>
                            <i class="video-li-play-icon"></i>
                            <span class="video-black-bg"></span>
                            <img ng-src="{{picPath}}{{item.video_background}}" alt=""/>
                          </div>
                        </div>
                      </a>
                      <div class="video-li-tit">
                        {{item.video_title}}
                      </div>
                    </div>
                </li>
             </ul>
          </div>
          <!--<ion-infinite-scroll
            on-infinite="loadMoreVideo()"
            ng-if="videoHasNextPage()"
            distance="1%"></ion-infinite-scroll>-->
          <!--<ion-infinite-scroll
            ></ion-infinite-scroll>-->
          <!--<button class="video-more" ng-show="videoHasNextPage()" ng-click="loadMoreVideo()">加载更多</button>-->
        </ion-content>
      </ion-slide>
      <ion-slide>
        <ion-content class="gray-bg">
          <ion-refresher
            pulling-text="下拉刷新..."
            on-refresh="doRefreshMagazine()"></ion-refresher>
          <div class="book-item" style="margin-top:6px;">
            <ul class="book-list clearfix">
              <li class="book-li" ng-repeat="item in magazineList">
                <div class="book-li-pic">
                  <i on-touch="collectBook(item.book_id,item.book_type,$index)" class="book-li-icon" ng-class="{'active':item.mcStatus}"></i>
                  <!--ng-click="readBook(item.book_id,'bookShelfIndex')"-->
                  <a ng-href="#/book-catalog/{{item.book_id}}">
                    <div class="book-li-img">
                      <img ng-src="{{picPath}}{{item.book_cover}}" alt="{{item.book_title}}"/>
                    </div>
                  </a>
                </div>
                <div class="book-li-tit" ng-bind="item.book_title"></div>
              </li>
            </ul>
          </div>
          <ion-infinite-scroll
            on-infinite="loadMoreMagazine()"
            ng-if="magazineHasNextPage()"
            distance="1%"></ion-infinite-scroll>
        </ion-content>
      </ion-slide>
      <ion-slide>
        <ion-content class="gray-bg">
          <ion-refresher
            pulling-text="下拉刷新..."
            on-refresh="doRefreshBook()"></ion-refresher>
          <div class="book-item" style="margin-top:8px;">
            <ul class="book-list clearfix">
              <li class="book-li" ng-repeat="item in bookList">
                <div class="book-li-pic">
                  <i on-touch="collectBook(item.book_id,item.book_type,$index)" class="book-li-icon" ng-class="{'active':item.mcStatus}"></i>
                  <a ng-href="#/book-catalog/{{item.book_id}}">
                    <div class="book-li-img">
                      <img ng-src="{{picPath}}{{item.book_cover}}" alt="{{item.book_title}}"/>
                    </div>
                  </a>
                </div>
                <div class="book-li-tit" ng-bind="item.book_title"></div>
              </li>
            </ul>
          </div>
          <ion-infinite-scroll
            on-infinite="loadMoreBook()"
            ng-if="bookHasNextPage()"
            distance="1%"></ion-infinite-scroll>
        </ion-content>
      </ion-slide>
      </ion-slide-box>
    </tab-slide-box>
  </ion-content>
  <!--<a ng-class="{'fix-button':showWineGlasses,'fix-button-hidden':!showWineGlasses}" on-touch="goToWineIndex()" type="button"></a>-->
  <a class="search-btn-index" ng-href="#/bookshelfSearch/a" type="button">
    <div></div>
  </a>
</ion-view>
